$(function () {
  // $(stroage).each(function(i, v) {
  // 	$('.exhAreaUl').append($('<li class="exhAreaLi" data-id="' + v.id +'"><div class="exhAWrap"><div class="exhA-img"><a href="javascript:;"><img src="' +v.data.src +'"></a></div><div class="sider"><ul></ul></div><div class="exhA-lie"><div class="exhA-price">¥' +v.data.new + '</div><div class="exhA-num">已售<em>' + v.data.num +'</em>件</div></div><div class="exhA-name"><a href="javascript:;"title="' + v.data.title + '">' + v.data.title +'</a></div><div class="exhA-store"><a href="javascript:;" title="商创自营" class="store">商创自营</a><a href="javascript:;" class="icon-kefu"></a></div><div class="label"></div><div class="exhA-operate"><a href="javascript:;" class="compareLink"><input type="checkbox" class="comparison"><label class="exhA-label" for=""></label>对比</a><a href="javascript:;" class="icon-aixin">收藏</a><a href="javascript:;" class="shop icon-shop">加入购物车</a></div></div></li>'))
  // 	// 追加小图片
  // 	var dataInd = i;
  // 	$(v.data.imgs).each(function(i, v) {
  // 		$($('.sider>ul')[dataInd]).append($('<li class="curr"><img src="' + v + '">'))
  // 	})
  // })

  // 获取本地储存对象
  var stroage = window.localStorage;
  console.log(stroage);
  let ind = stroage.index;
  //   获取所有数据
  let dataArr = [
    allObj.pageHome,
    allObj.brandData,
    allObj.beatudyData,
    allObj.clothingData,
    allObj.presellData,
    allObj.jiaxDian,
  ];
  console.log(allObj.presellData);
  let newarr = [];
  //   循环遍历 本地存储 所有值
  for (const k in stroage) {
    newarr.push(k);
  }
  //   截取不需要的
  newarr.splice(newarr.length - 6, 6);
  //
  //   新数组接收过滤出的数据
  var newData = [];
  // 数据
  newarr.map(function (value, i) {
    // console.log(value);
    return newData.push(
      dataArr[ind].filter(function (v, i) {
        return v.id == value.slice(2, 7);
      })
    );
  });

  var x = newData.flat();
  $(x).each(function (i, v) {
    $(".exhAreaUl").append(
      $(
        '<li class="exhAreaLi" data-id="' +
          v.id +
          '"><div class="exhAWrap"><div class="exhA-img"><a href="javascript:;"><img src="' +
          v.data.src +
          '"></a></div><div class="sider"><ul></ul></div><div class="exhA-lie"><div class="exhA-price">¥' +
          v.data.new +
          '</div><div class="exhA-num">已售<em>' +
          v.data.num +
          '</em>件</div></div><div class="exhA-name"><a href="javascript:;"title="' +
          v.data.name +
          '">' +
          v.data.name +
          '</a></div><div class="exhA-store"><a href="javascript:;" title="商创自营" class="store">商创自营</a><a href="javascript:;" class="icon-kefu"></a></div><div class="label"></div><div class="exhA-operate"><a href="javascript:;" class="compareLink"><input type="checkbox" class="comparison"><label class="exhA-label" for=""></label>对比</a><a href="javascript:;" class="icon-aixin">收藏</a><a href="javascript:;" class="shop icon-shop">加入购物车</a></div><div class="shanchu"><img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/p-del.png"></div></div></li>'
      )
    );
    // 小图追加
    var dataInd = i;
    $(v.data.imgs).each(function (i, v) {
      if (i > 3) {
        return;
      }
      $($(".sider>ul")[dataInd]).append(
        $('<li class="curr"><img src="' + v + '">')
      );
    });
  });
  //   删除
  dele();
  function dele() {
    $(".shanchu").click(function () {
      console.log(1);
      if (confirm("确定删除吗")) {
        var id = $(this).parents("li").attr("data-id");
        localStorage.removeItem("id" + id);
        $(this).parents("li").remove();
      }
    });
  }

  // 过滤
  function dataNew(x, y) {
    var data = new Array();
    // 遍历数值添加到数组
    let dataArr = new Array();
    if (x == "num") {
      $(allObj.beatudyData).each(function (i, v) {
        data.push(Number(v.data.num));
      });
      // 数组从大到小排序
      if (y == 1) {
        data.sort(function (a, b) {
          return b - a;
        });
      } else {
        data.sort(function (a, b) {
          return a - b;
        });
      }
      // 数组去重
      // Array.from(new Set(data))
      for (var i = 0; i < data.length; i++) {
        for (var j = i + 1; j < data.length; j++) {
          if (data[i] == data[j]) {
            data.splice(j, 1);
            j--;
          }
        }
      }
      // 根据数组顺序 取出所对应对象
      dataArr = data.map(function (value, i) {
        return allObj.beatudyData.filter(function (v, i) {
          return value == Number(v.data.num);
        });
      });
    } else {
      $(allObj.beatudyData).each(function (i, v) {
        data.push(Number(v.data.new));
      });
      // 数组从大到小排序
      if (y == 1) {
        data.sort(function (a, b) {
          return b - a;
        });
      } else {
        data.sort(function (a, b) {
          return a - b;
        });
      }
      // 数组去重
      // Array.from(new Set(data))
      for (var i = 0; i < data.length; i++) {
        for (var j = i + 1; j < data.length; j++) {
          if (data[i] == data[j]) {
            data.splice(j, 1);
            j--;
          }
        }
      }
      // 根据数组顺序 取出所对应对象
      dataArr = data.map(function (value, i) {
        return allObj.beatudyData.filter(function (v, i) {
          return value == Number(v.data.new);
        });
      });
    }
    // 清空盒子
    $(".exhAreaUl").html("");
    // 遍历追加    flat 展开二维数组
    var newDataArr = dataArr.flat();
    // $(newDataArr).each(function (i, v) {
    //   // 追加
    //   $(".exhAreaUl").append(
    //     $(
    //       '<li class="exhAreaLi" data-id="' +
    //         v.id +
    //         '"><div class="exhAWrap"><div class="exhA-img"><a href="javascript:;"><img src="' +
    //         v.data.src +
    //         '"></a></div><div class="sider"><ul></ul></div><div class="exhA-lie"><div class="exhA-price">¥' +
    //         v.data.new +
    //         '</div><div class="exhA-num">已售<em>' +
    //         v.data.num +
    //         '</em>件</div></div><div class="exhA-name"><a href="javascript:;"title="' +
    //         v.data.title +
    //         '">' +
    //         v.data.title +
    //         '</a></div><div class="exhA-store"><a href="javascript:;" title="商创自营" class="store">商创自营</a><a href="javascript:;" class="icon-kefu"></a></div><div class="label"></div><div class="exhA-operate"><a href="javascript:;" class="compareLink"><input type="checkbox" class="comparison"><label class="exhA-label" for=""></label>对比</a><a href="javascript:;" class="icon-aixin">收藏</a><a href="javascript:;" class="shop icon-shop">加入购物车</a></div></div></li>'
    //     )
    //   );
    //   var dataInd = i;
    //   $(v.data.imgs).each(function (i, v) {
    //     $($(".sider>ul")[dataInd]).append(
    //       $('<li class="curr"><img src="' + v + '">')
    //     );
    //   });
    // });
    toggol();
  }

  // 销量过滤
  let indSal = 0;
  var indNew = 0;
  var indRev = 0;
  var indPr = 0;
  $(".filterSalesVolume").click(function () {
    indSal++;
    indNew = 0;
    indRev = 0;
    indPr = 0;
    if (indSal % 2 == 0) {
      $(this)
        .addClass("filterLiShowT")
        .siblings()
        .removeClass("filterLiShow filterLiShowT");
      dataNew("num", 2);
    } else {
      $(this).addClass("filterLiShow").removeClass("filterLiShowT");
      $(this).siblings().removeClass("filterLiShow filterLiShowT");
      dataNew("num", 1);
    }
  });

  // 新品过滤
  $(".filterNewProduct").click(function () {
    indNew++;
    indSal = 0;
    indRev = 0;
    indPr = 0;
    if (indNew % 2 == 0) {
      $(this)
        .addClass("filterLiShowT")
        .siblings()
        .removeClass("filterLiShow filterLiShowT");
      dataNew("new", 2);
    } else {
      $(this).addClass("filterLiShow").removeClass("filterLiShowT");
      $(this).siblings().removeClass("filterLiShow filterLiShowT");
      dataNew("num", 1);
    }
  });

  $(".filterReview").click(function () {
    indRev++;
    indSal = 0;
    indNew = 0;
    indPr = 0;
    if (indRev % 2 == 0) {
      $(this)
        .addClass("filterLiShowT")
        .siblings()
        .removeClass("filterLiShow filterLiShowT");
      dataNew("num", 2);
    } else {
      $(this).addClass("filterLiShow").removeClass("filterLiShowT");
      $(this).siblings().removeClass("filterLiShow filterLiShowT");
      dataNew("new", 1);
    }
  });
  // 价格
  $(".filterPrice").click(function () {
    indPr++;
    indSal = 0;
    indNew = 0;
    indRev = 0;
    if (indPr % 2 == 0) {
      $(this)
        .addClass("filterLiShowT")
        .siblings()
        .removeClass("filterLiShow filterLiShowT");
      dataNew("new", 2);
    } else {
      $(this).addClass("filterLiShow").removeClass("filterLiShowT");
      $(this).siblings().removeClass("filterLiShow filterLiShowT");
      dataNew("new", 1);
    }
  });

  // 默认
  $(".filterDefault").click(function () {
    console.log($(".curr"));
    indSal = 0;
    indNew = 0;
    indRev = 0;
    indPr = 0;
    $(this)
      .addClass("filterLiShow")
      .siblings()
      .removeClass("filterLiShow filterLiShowT");
    $(this)
      .removeClass("filterLiShowT")
      .siblings()
      .removeClass("filterLiShowT filterLiShow");
    $(".exhAreaUl").html("");
    $(allObj.beatudyData).each(function (i, v) {
      // $('.exhAreaUl').append($('<li class="exhAreaLi" data-id="' + v.id +'"><div class="exhAWrap"><div class="exhA-img"><a href="javascript:;"><img src="' +v.data.src +'"></a></div><div class="sider"><ul></ul></div><div class="exhA-lie"><div class="exhA-price">¥' +v.data.new + '</div><div class="exhA-num">已售<em>' + v.data.num +'</em>件</div></div><div class="exhA-name"><a href="javascript:;"title="' + v.data.title + '">' + v.data.title +'</a></div><div class="exhA-store"><a href="javascript:;" title="商创自营" class="store">商创自营</a><a href="javascript:;" class="icon-kefu"></a></div><div class="label"></div><div class="exhA-operate"><a href="javascript:;" class="compareLink"><input type="checkbox" class="comparison"><label class="exhA-label" for=""></label>对比</a><a href="javascript:;" class="icon-aixin">收藏</a><a href="javascript:;" class="shop icon-shop">加入购物车</a></div></div></li>'))
      // 追加小图片
      var dataInd = i;
      $(v.data.imgs).each(function (i, v) {
        $($(".sider>ul")[dataInd]).append(
          $('<li class="curr"><img src="' + v + '">')
        );
      });
    });
    toggol();
  });
  // 根据缩略图切换大图
  function toggol() {
    $(".curr").on("mouseover", function () {
      $(this)
        .parent()
        .parent()
        .prev()
        .find("img")
        .attr("src", "" + $(this).children().attr("src") + "");
    });
  }
  toggol();
});
